<template>
    <div>
        <el-tabs type="card" v-model="activeName">
            <el-tab-pane name="ActivitiDatabase">
              <span slot="label"><i class="el-icon-document-checked"></i> 工作引擎</span>
              <ActivitiDatabase></ActivitiDatabase>
            </el-tab-pane>
            <el-tab-pane>
              <span slot="label"><i class="el-icon-document-checked"></i> 账户用户</span>
              <AccountDatabase></AccountDatabase>
            </el-tab-pane>
            <el-tab-pane>
              <span slot="label"><i class="el-icon-document-checked"></i> 授权中心</span>
              <AuthorizationDatabase></AuthorizationDatabase>
            </el-tab-pane>
            <el-tab-pane>
              <span slot="label"><i class="el-icon-document-checked"></i> 系统日志</span>
              <LogDatabase></LogDatabase>
            </el-tab-pane>
            <el-tab-pane>
              <span slot="label"><i class="el-icon-document-checked"></i> 资源文件</span>
              <ResourcesDatabase></ResourcesDatabase>
            </el-tab-pane>
            <el-tab-pane>
              <span slot="label"><i class="el-icon-document-checked"></i> 轮播广告</span>
              <RotationDatabase></RotationDatabase>
            </el-tab-pane>
            <el-tab-pane>
              <span slot="label"><i class="el-icon-document-checked"></i> 阿里短信</span>
              <AliyunDatabase></AliyunDatabase>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import ActivitiDatabase from "../../components/database/ActivitiDatabase.vue";
    import AccountDatabase from "../../components/database/AccountDatabase.vue";
    import AuthorizationDatabase from "../../components/database/AuthorizationDatabase.vue";
    import LogDatabase from "../../components/database/LogDatabase.vue";
    import ResourcesDatabase from "../../components/database/ResourcesDatabase.vue";
    import RotationDatabase from "../../components/database/RotationDatabase.vue";
    import AliyunDatabase from "../../components/database/AliyunDatabase.vue";
    export default {
        name: "SystemDatabaseHtml",
        data(){
            return{
                activeName:'ActivitiDatabase'
            }
        },
        components:{
            ActivitiDatabase,
            AccountDatabase,
            AuthorizationDatabase,
            LogDatabase,
            ResourcesDatabase,
            RotationDatabase,
            AliyunDatabase
        }
    }
</script>

<style scoped>

</style>
